<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 重置样式 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="./css/base.css">
    <!-- main样式 -->
    <link rel="stylesheet" href="./css/main.css">

    <!--  main图标库 -->
    <link rel="stylesheet" href="./iconfont/iconfont.css">
  



</head>


<body>


    <!-- 轮播图 -->
    <section>
        <!-- 轮播图总区域 -->
        <div class="s-con w">

            <!--  轮播图区域 -->
            <div class="banner-wrapper">


                <!-- 左侧的菜单栏 -->
                <ul class="l-list fs12">
                    <!-- 手机 -->
                    <li>
                        <a href="javascript:;">手机</a>
                        <i class="iconfont icon-right"></i>
                        <div class="child-list">
                            <ul class="child-list-item">
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span>Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机2.png" alt="">
                                    <span class="text">小米MIX FOLD</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机3.png" alt="">
                                    <span class="text">小米11 Ultra </span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机4.png" alt="">
                                    <span class="text">小米11 Pro</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机5.png" alt="">
                                    <span class="text">小米11 青春</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机6.png" alt="">
                                    <span class="text">小米10S</span>
                                </li>
                            </ul>
                            <ul class="child-list-item">
                                <li>
                                    <img src="./img/children-list 手机7.png" alt="">
                                    <span class="text">小米11</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机8.png" alt="">
                                    <span class="text">小米10</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机9.png" alt="">
                                    <span class="text">黑鲨4 Pro</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机10.png" alt="">
                                    <span class="text">黑鲨4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机11.png" alt="">
                                    <span class="text">Redmi K30S 至尊纪念版</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机12.png" alt="">
                                    <span class="text">小米云服务</span>
                                </li>
                            </ul>
                            <ul class="child-list-item">
                                <li>
                                    <img src="./img/children-list 手机13.png" alt="">
                                    <span class="text">Redmi K30 至尊纪念版</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机14.png" alt="">
                                    <span class="text">Note 10 Pro</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机15.png" alt="">
                                    <span class="text">Note 10 Pro 5G</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机16.png" alt="">
                                    <span class="text">K40 游戏增强版</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机17.png" alt="">
                                    <span class="text">K40 Pro 系列</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机18.png" alt="">
                                    <span class="text">Redmi K40</span>
                                </li>
                            </ul>
                            <ul class="child-list-item">
                                <li>
                                    <img src="./img/children-list 手机19.png" alt="">
                                    <span class="text">Redmi 8A</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机20.png" alt="">
                                    <span class="text">Redmi Note 9 Pro</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机21.png" alt="">
                                    <span class="text">Redmi Note 9 5G</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机22.png" alt="">
                                    <span class="text">Redmi Note 9 4G</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机23.png" alt="">
                                    <span class="text">Redmi 9A</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机24.png" alt="">
                                    <span class="text">手机上门维修</span>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <!-- 电视 -->
                    <li>
                        <a href="javascript:;">电视</a>
                        <i class="iconfont icon-right"></i>
                        <div class="child-list">
                            <ul class="child-list-item">
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">小米电视6 55” OLED</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">小米电视6 65” OLED</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">小米电视 大师 77” OLED</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">小米电视6 至尊版 55英寸</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">小米电视6 至尊版 65英寸</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">小米电视6 至尊版 75英寸</span>
                                </li>
                            </ul>
                            <ul class="child-list-item">
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">小米电视 ES43 2022款</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">小米电视 ES55 2022款</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">小米电视 ES65 2022款</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">小米电视 ES75 2022款</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">小米全面屏电视E43K</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">金属全面屏电视</span>
                                </li>
                            </ul>
                            <ul class="child-list-item">
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">小米盒子</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">大师电视 65英寸 OLED</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">小米电视5 Pro 75英寸</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">小米电视4A 60英寸</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Redmi 智能电视 X55</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">小米全面屏电视</span>
                                </li>
                            </ul>
                            <ul class="child-list-item">
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">米家激光投影仪</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">米家激光投影仪</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Redmi 智能电视 MAX 98&#34</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">小米电视5 75英寸</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">小米电视4A 70英寸</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">小米壁画电视</span>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <!-- 笔记本 平板 -->
                    <li>
                        <a href="javascript:;">笔记本 平板</a>
                        <i class="iconfont icon-right"></i>
                        <div class="child-list">
                            <ul class="child-list-item">
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">小米平板5</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">小米平板5PrO</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">小米笔记本 Pro14增强版</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">小米笔记本Pro 15增强版</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">RedmiBook Pro 14增强版</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">RedmiBook Pro 15增强版</span>
                                </li>
                            </ul>
                            <ul class="child-list-item">
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">小米笔记本Pro × 15</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">逐RedmiBook Pro 14锐龙版</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">RedmiBook Pro 15锐龙版</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">小米笔记本Pro 15锐龙版</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">小米笔记本Pro 15</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">小米笔记本Pro 14</span>
                                </li>
                            </ul>
                            <ul class="child-list-item">
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Redmi G 游戏本</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">RedmiBook Air 13</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">小米/Redmi显示器</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">键鼠套装</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">鼠标</span>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <!-- 家电 -->
                    <li>
                        <a href="javascript:;">家电</a>
                        <i class="iconfont icon-right"></i>
                        <div class="child-list">
                            <ul class="child-list-item">
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                            </ul>
                            <ul class="child-list-item">
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                            </ul>
                            <ul class="child-list-item">
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                            </ul>
                            <ul class="child-list-item">
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <!-- 出行 穿戴 -->
                    <li>
                        <a href="javascript:;">出行 穿戴</a>
                        <i class="iconfont icon-right"></i>
                        <div class="child-list">
                            <ul class="child-list-item">
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                            </ul>
                            <ul class="child-list-item">
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                            </ul>
                            <ul class="child-list-item">
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <!-- 智能 路由器 -->
                    <li>
                        <a href="javascript:;">智能 路由器</a>
                        <i class="iconfont icon-right"></i>
                        <div class="child-list">
                            <ul class="child-list-item">
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                            </ul>
                            <ul class="child-list-item">
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                            </ul>
                            <ul class="child-list-item">
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <!-- 电源 配件 -->
                    <li>
                        <a href="javascript:;">电源 配件</a>
                        <i class="iconfont icon-right"></i>
                        <div class="child-list">
                            <ul class="child-list-item">
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                            </ul>
                            <ul class="child-list-item">
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <!-- 健康 儿童 -->
                    <li>
                        <a href="javascript:;">健康儿童</a>
                        <i class="iconfont icon-right"></i>
                        <div class="child-list">
                            <ul class="child-list-item">
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                            </ul>
                            <ul class="child-list-item">
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                            </ul>
                            <ul class="child-list-item">
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <!-- 耳机 音响 -->
                    <li>
                        <a href="javascript:;">耳机 音响</a>
                        <i class="iconfont icon-right"></i>
                        <div class="child-list">
                            <ul class="child-list-item">
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                            </ul>
                            <ul class="child-list-item">
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                            </ul>
                            <ul class="child-list-item">
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <!-- 生活 箱包 -->
                    <li>
                        <a href="javascript:;">生活 箱包</a>
                        <i class="iconfont icon-right"></i>
                        <div class="child-list">
                            <ul class="child-list-item">
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                            </ul>
                            <ul class="child-list-item">
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                            </ul>
                            <ul class="child-list-item">
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                                <li>
                                    <img src="./img/children-list 手机1.png" alt="">
                                    <span class="text">Xiaomi MIX 4</span>
                                </li>
                            </ul>
                        </div>
                    </li>

                </ul>

                <!-- 右侧轮播图 -->
                <div class="banner">
                    <ul class="banner-img clearfix">
                        <li><img src="./img/banner1.jpg" alt=""></li>
                        <li><img src="./img/banner2.webp" alt=""></li>
                        <li><img src="./img/banner3.webp" alt=""></li>
                        <li><img src="./img/banner4.webp" alt=""></li>

                        <li><img src="./img/banner1.jpg" alt=""></li>
                    </ul>
                    <div class="banner-arr">
                        <span class="left">
                            <i class="iconfont icon-left"></i>
                        </span>
                        <span class="right">
                            <i class="iconfont icon-right"></i>
                        </span>
                    </div>
                    <ul class="banner-disc">
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>

                    </ul>
                </div>
            </div>

            <!-- 轮播图下边 -->
            <div class="banner-sub">
                <ul class="banner-tool">
                    <li>
                        <i class="iconfont icon-zhong"> </i>
                        <span>保障服务</span>
                    </li>
                    <li>
                        <i class="iconfont icon-ziyuan"></i>
                        <span>企业团购</span>
                    </li>
                    <li>
                        <i class="iconfont icon-F"></i>
                        <span>F码通道</span>
                    </li>
                    <li>
                        <i class="iconfont icon-SIMqiaguanli"></i>
                        <span>米粉卡</span>
                    </li>
                    <li>
                        <i class="iconfont icon-huishuai"></i>
                        <span>以旧换新</span>
                    </li>
                    <li>
                        <i class="iconfont icon-huafeichongzhi"></i>
                        <span>话费充值</span>
                    </li>
                </ul>
                <ul class="banner-ad">
                    <li><img src="./img/ad1.jpg" alt=""></li>
                    <li><img src="./img/ad2.jpg" alt=""></li>
                    <li><img src="./img/ad3.png" alt=""></li>
                </ul>
            </div>


        </div>
    </section>

    <!-- 内容 -->
    <section class="content">
        <div class="c-con w">
            <div class="c-ad">
                <img src="./img/c-ad.webp" alt="">
            </div>

            <!-- 手机 -->
            <div class="c-item1 c-item ">
                <div class="item-title">
                    <div class="title-txt">手机</div>
                    <div class="more fs16">
                        <span>查看更多</span>
                        <i class="iconfont icon-right-circle-fill"></i>
                    </div>
                </div>
                <div class="item-con active clearfix">
                    <div class="item1-left fl">
                        <img src="./img/手机.webp" alt="">
                    </div>
                    <ul class="items fl">
                        <!-- 详情页 -->
                        <a href="#">
                            <li class="item">
                                <img src="./img/Redmi K30 1.jpg" alt="">
                                <h3 class="item-name">Redmi K30</h3>
                                <p class="item-info">120Hz高帧率流速屏</p>
                                <p class="item-price">
                                    <span class="present-price">1399元</span>
                                    <span class="primary-price">1899元</span>
                                </p>
                            </li>
                        </a>

                        <a href="#">
                            <li class="item">
                                <img src="./img/小米10 1.jpg" class="pic" alt="">
                                <h3 class="item-name">
                                    小米10
                                </h3>
                                <p class="item-info">骁龙865处理器</p>
                                <p class="item-price">
                                    <span class="present-price">3399元起</span>
                                    <span class="primary-price">4699元</span>
                                </p>
                            </li>
                        </a>
                        <a href="#">
                            <li class="item">
                                <img src="./img/Redmi 9A 1.jpg" class="pic" alt="">
                                <h3 class="item-name">Redmi 9A</h3>
                                <p class="item-info">.53"超大护眼屏幕</p>
                                <p class="item-price">
                                    <span class="present-price">499元起</span>
                                    <span class="primary-price"></span>
                                </p>
                            </li>
                        </a>
                        <a href="#">
                            <li class="item">
                                <img src="./img/腾讯黑鲨游戏手机3S 1.jpg" class="pic" alt="">
                                <h3 class="item-name">腾讯黑鲨游戏手机3S</h3>
                                <p class="item-info">骁龙865处理器</p>
                                <p class="item-price">
                                    <span class="present-price">3999元</span>
                                    <span class="primary-price"></span>
                                </p>
                            </li>
                        </a>
                        <a href="#">
                            <li class="item">
                                <img src="./img/手机4.webp" class="pic" alt="">
                                <h3 class="item-name">小米MIX FOLD</h3>
                                <p class="item-info">折叠大屏｜自研芯片</p>
                                <p class="item-price">
                                    <span class="present-price">9999元起</span>
                                    <span class="primary-price"></span>
                                </p>
                            </li>
                        </a>
                        <li class="item">
                            <img src="./img/手机5.webp" class="pic" alt="">
                            <h3 class="item-name">小米11 Ultra</h3>
                            <p class="item-info">1/1.12''GN2｜2K四微曲屏</p>
                            <p class="item-price">
                                <span class="present-price">5499元起</span>
                                <span class="primary-price">5999元</span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/手机6.webp" class="pic" alt="">
                            <h3 class="item-name">小米11 Pro</h3>
                            <p class="item-info">1/1.12''GN2｜骁龙888</p>
                            <p class="item-price">
                                <span class="present-price">4499元起</span>
                                <span class="primary-price">4999</span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/手机7.webp" class="pic" alt="">
                            <h3 class="item-name">小米11 青春版</h3>
                            <p class="item-info">小米11 青春版 轻薄</p>
                            <p class="item-price">
                                <span class="present-price">2099元起</span>
                                <span class="primary-price">2299元</span>
                            </p>
                        </li>

                    </ul>

                </div>

            </div>
            <!-- 家电 -->
            <div class="c-item2 c-item">
                <div class="item-title">
                    <div class="title-txt">家电</div>
                    <ul class="more fs16">
                        <li class="active">热门</li>
                        <li>电视影音</li>
                    </ul>
                </div>
                <div class="item-con active clear_fix">
                    <ul class="items">
                        <li class="item">
                            <img src="./img/家电1.webp" class="pic" alt="">
                        </li>
                        <li class="item">
                            <img src="./img/家电2.webp" class="pic" alt="">
                            <h3 class="item-name">小米电视6 65” OLED</h3>
                            <p class="item-info">小米电视6 65″OLED</p>
                            <p class="item-price">
                                <span class="present-price">6999元</span>
                                <span class="primary-price"></span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/家电3.webp" class="pic" alt="">
                            <h3 class="item-name">小米电视6 至尊版 65英寸</h3>
                            <p class="item-info">画质新境界</p>
                            <p class="item-price">
                                <span class="present-price">7999元</span>
                                <span class="primary-price"></span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/家电4.webp" class="pic" alt="">
                            <h3 class="item-name">小米电视 ES55 2022款</h3>
                            <p class="item-info">多分区，画质轻旗舰</p>
                            <p class="item-price">
                                <span class="present-price">3399元起</span>
                                <span class="primary-price">3499元</span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/家电5.webp" class="pic" alt="">
                            <h3 class="item-name">米家互联网对开门冰箱 540L</h3>
                            <p class="item-info">重磅新品福利特惠</p>
                            <p class="item-price">
                                <span class="present-price">2799元</span>
                                <span class="primary-price">3699元</span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/家电6.webp" class="pic" alt="">
                        </li>
                        <li class="item">
                            <img src="./img/家电7.webp" class="pic" alt="">
                            <h3 class="item-name">米家超薄电磁炉</h3>
                            <p class="item-info">纤薄美学，精准猛火</p>
                            <p class="item-price">
                                <span class="present-price">499元</span>
                                <span class="primary-price"></span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/家电8.webp" class="pic" alt="">
                            <h3 class="item-name">米家集尘扫拖机器人</h3>
                            <p class="item-info">自动倒垃圾，45天手不沾尘</p>
                            <p class="item-price">
                                <span class="present-price">2599元</span>
                                <span class="primary-price">2999元</span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/家电9.webp" class="pic" alt="">
                            <h3 class="item-name">Redmi全自动波轮洗衣机1A 8kg</h3>
                            <p class="item-info">一键操作，父母都爱用</p>
                            <p class="item-price">
                                <span class="present-price">749元</span>
                                <span class="primary-price">899元</span>
                            </p>
                        </li>
                        <li class="item-last">
                            <ul>
                                <li>
                                    <div class="item-info">
                                        <h3 class="item-name">米家互联网烟灶套装（天然气）</h3>
                                        <img src="./img/家电10.webp" alt="">
                                    </div>
                                    <span class="price">1799元起</span>
                                </li>
                                <li>
                                    <div class="item-info">
                                        <h3 class="item-name">
                                            <p class="item-more">浏览更多</p>
                                            <p class="hot-item">热门</p>
                                        </h3>
                                        <i class="iconfont  icon-youjiantou"></i>
                                    </div>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div class="item-con clear_fix">
                    <ul class="items">
                        <li class="item">
                            <img src="./img/智能1.webp" class="pic" alt="">
                        </li>
                        <li class="item">
                            <img src="./img/智能2.webp" class="pic" alt="">
                            <h3 class="item-name">Xiaomi Sound</h3>
                            <p class="item-info">小米高保真智能音箱</p>
                            <p class="item-price">
                                <span class="present-price">499元</span>
                                <span class="primary-price"></span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/智能3.webp" class="pic" alt="">
                            <h3 class="item-name">小米路由器AX3000</h3>
                            <p class="item-info">小米路由器AX3000</p>
                            <p class="item-price">
                                <span class="present-price">349元</span>
                                <span class="primary-price"></span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/智能4.webp" class="pic" alt="">
                            <h3 class="item-name">Redmi路由器AX3000</h3>
                            <p class="item-info">疾速WiFi6，更快一步。</p>
                            <p class="item-price">
                                <span class="present-price">249元</span>
                                <span class="primary-price">269元</span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/智能5.webp" class="pic" alt="">
                            <h3 class="item-name">小米全自动智能门锁 Pro</h3>
                            <p class="item-info">一步到位，全面高能</p>
                            <p class="item-price">
                                <span class="present-price">2199元</span>
                                <span class="primary-price"></span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/智能6.webp" class="pic" alt="">
                        </li>
                        <li class="item">
                            <img src="./img/智能7.webp" class="pic" alt="">
                            <h3 class="item-name">小米智能门锁 E</h3>
                            <p class="item-info">告别钥匙，畅享便捷生活</p>
                            <p class="item-price">
                                <span class="present-price">899元</span>
                                <span class="primary-price">999元</span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/智能8.webp" class="pic" alt="">
                            <h3 class="item-name">小米小爱音箱 Play</h3>
                            <p class="item-info">听音乐、语音遥控家电</p>
                            <p class="item-price">
                                <span class="present-price">109元</span>
                                <span class="primary-price"></span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/智能9.webp" class="pic" alt="">
                            <h3 class="item-name">米家智能窗帘</h3>
                            <p class="item-info">窗帘开合随心控</p>
                            <p class="item-price">
                                <span class="present-price">749元</span>
                                <span class="primary-price">799元</span>
                            </p>
                        </li>
                        <li class="item-last">
                            <ul>
                                <li>
                                    <div class="item-info">
                                        <h3 class="item-name">小米体脂秤2</h3>
                                        <img src="./img/智能10.webp" alt="">
                                    </div>
                                    <span class="price">99元</span>
                                </li>
                                <li>
                                    <div class="item-info">
                                        <h3 class="item-name">
                                            <p class="item-more">浏览更多</p>
                                            <p class="hot-item">热门</p>
                                        </h3>
                                        <i class="iconfont  icon-youjiantou"></i>
                                    </div>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 智能 -->
            <div class="c-item2 c-item">
                <div class="item-title">
                    <div class="title-txt">智能</div>
                    <div class="more fs16">
                        <ul>
                            <li class="active">热门</li>
                            <li>安防</li>
                            <li>出行</li>
                        </ul>
                    </div>
                </div>
                <div class="item-con active clear_fix">
                    <ul class="items">
                        <li class="item">
                            <img src="./img/智能1.webp" class="pic" alt="">
                        </li>
                        <li class="item">
                            <img src="./img/智能2.webp" class="pic" alt="">
                            <h3 class="item-name">Xiaomi Sound</h3>
                            <p class="item-info">小米高保真智能音箱</p>
                            <p class="item-price">
                                <span class="present-price">499元</span>
                                <span class="primary-price"></span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/智能3.webp" class="pic" alt="">
                            <h3 class="item-name">小米路由器AX3000</h3>
                            <p class="item-info">小米路由器AX3000</p>
                            <p class="item-price">
                                <span class="present-price">349元</span>
                                <span class="primary-price"></span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/智能4.webp" class="pic" alt="">
                            <h3 class="item-name">Redmi路由器AX3000</h3>
                            <p class="item-info">疾速WiFi6，更快一步。</p>
                            <p class="item-price">
                                <span class="present-price">249元</span>
                                <span class="primary-price">269元</span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/智能5.webp" class="pic" alt="">
                            <h3 class="item-name">小米全自动智能门锁 Pro</h3>
                            <p class="item-info">一步到位，全面高能</p>
                            <p class="item-price">
                                <span class="present-price">2199元</span>
                                <span class="primary-price"></span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/智能6.webp" class="pic" alt="">
                        </li>
                        <li class="item">
                            <img src="./img/智能7.webp" class="pic" alt="">
                            <h3 class="item-name">小米智能门锁 E</h3>
                            <p class="item-info">告别钥匙，畅享便捷生活</p>
                            <p class="item-price">
                                <span class="present-price">899元</span>
                                <span class="primary-price">999元</span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/智能8.webp" class="pic" alt="">
                            <h3 class="item-name">小米小爱音箱 Play</h3>
                            <p class="item-info">听音乐、语音遥控家电</p>
                            <p class="item-price">
                                <span class="present-price">109元</span>
                                <span class="primary-price"></span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/智能9.webp" class="pic" alt="">
                            <h3 class="item-name">米家智能窗帘</h3>
                            <p class="item-info">窗帘开合随心控</p>
                            <p class="item-price">
                                <span class="present-price">749元</span>
                                <span class="primary-price">799元</span>
                            </p>
                        </li>
                        <li class="item-last">
                            <ul>
                                <li>
                                    <div class="item-info">
                                        <h3 class="item-name">小米体脂秤2</h3>
                                        <img src="./img/智能10.webp" alt="">
                                    </div>
                                    <span class="price">99元</span>
                                </li>
                                <li>
                                    <div class="item-info">
                                        <h3 class="item-name">
                                            <p class="item-more">浏览更多</p>
                                            <p class="hot-item">热门</p>
                                        </h3>
                                        <i class="iconfont  icon-youjiantou"></i>
                                    </div>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="c-ad">
                <img src="./img/c-ad3.webp" width="1226px" height="120px" alt="">
            </div>

            <!-- 搭配 -->
            <div class="c-item2 c-item">
                <div class="item-title">
                    <div class="title-txt">搭配</div>
                    <div class="more fs16">
                        <ul>
                            <li class="active">热门</li>
                            <li>耳机音箱</li>
                        </ul>
                    </div>
                </div>
                <div class="item-con active clear_fix">
                    <ul class="items">
                        <li class="item">
                            <img src="./img/搭配1.webp" class="pic" alt="">
                        </li>
                        <li class="item">
                            <img src="./img/搭配2.webp" class="pic" alt="">
                            <h3 class="item-name">小米降噪耳机 Pro FlipBuds Pro</h3>
                            <p class="item-info">主动降噪 超长续航</p>
                            <p class="item-price">
                                <span class="present-price">799元</span>
                                <span class="primary-price"></span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/搭配3.webp" class="pic" alt="">
                            <h3 class="item-name">Redmi AirDots 3 Pro</h3>
                            <p class="item-info">智能降噪 超低延迟</p>
                            <p class="item-price">
                                <span class="present-price">299元</span>
                                <span class="primary-price">349元</span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/搭配4.webp" class="pic" alt="">
                            <h3 class="item-name">小米手环6 NFC版</h3>
                            <p class="item-info">全屏实力</p>
                            <p class="item-price">
                                <span class="present-price">259元</span>
                                <span class="primary-price">279元</span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/搭配5.webp" class="pic" alt="">
                            <h3 class="item-name">Redmi AirDots 2真无线蓝牙耳机</h3>
                            <p class="item-info">支持蓝牙5.0，自动秒连，拿起就能用</p>
                            <p class="item-price">
                                <span class="present-price">79元</span>
                                <span class="primary-price">99元</span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/搭配6.webp" class="pic" alt="">
                        </li>
                        <li class="item">
                            <img src="./img/搭配7.webp" class="pic" alt="">
                            <h3 class="item-name">Redmi 手表</h3>
                            <p class="item-info">35g超轻/1.4"大屏/多功能NFC/7天长续航</p>
                            <p class="item-price">
                                <span class="present-price">269元</span>
                                <span class="primary-price">299元</span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/搭配8.webp" class="pic" alt="">
                            <h3 class="item-name">小米手表Color 运动版</h3>
                            <p class="item-info">超长续航，支持血氧功能</p>
                            <p class="item-price">
                                <span class="present-price">649元</span>
                                <span class="primary-price">499元</span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/搭配9.webp" class="pic" alt="">
                            <h3 class="item-name">小米真无线蓝牙耳机Air 2s</h3>
                            <p class="item-info">全面升级，智慧真无线</p>
                            <p class="item-price">
                                <span class="present-price">359元</span>
                                <span class="primary-price">399元</span>
                            </p>
                        </li>
                        <li class="item-last">
                            <ul>
                                <li>
                                    <div class="item-info">
                                        <h3 class="item-name">米真无线蓝牙耳机Air 2 Pro</h3>
                                        <img src="./img/搭配10.webp" alt="">
                                    </div>
                                    <span class="price">449元</span>
                                </li>
                                <li>
                                    <div class="item-info">
                                        <h3 class="item-name">
                                            <p class="item-more">浏览更多</p>
                                            <p class="hot-item">热门</p>
                                        </h3>
                                        <i class="iconfont  icon-youjiantou"></i>
                                    </div>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 配件 -->
            <div class="c-item2 c-item">
                <div class="item-title">
                    <div class="title-txt">配件</div>
                    <div class="more fs16">
                        <ul>
                            <li class="active">热门</li>
                            <li>充电器</li>
                        </ul>
                    </div>
                </div>
                <div class="item-con active clear_fix">
                    <ul class="items">
                        <li class="item">
                            <img src="./img/配件1.webp" class="pic" alt="">
                        </li>
                        <li class="item">
                            <img src="./img/配件2.webp" class="pic" alt="">
                            <h3 class="item-name">高速无线充套装 </h3>
                            <p class="item-info">快速无线闪充，Qi充电标准</p>
                            <p class="item-price">
                                <span class="present-price">149元</span>
                                <span class="primary-price"></span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/配件3.webp" class="pic" alt="">
                            <h3 class="item-name">小米无线充电宝青春版10000mAh</h3>
                            <p class="item-info">能量满满，无线有线都能充</p>
                            <p class="item-price">
                                <span class="present-price">109元</span>
                                <span class="primary-price">129元</span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/配件4.jpg" class="pic" alt="">
                            <h3 class="item-name">小米插线板（含3口USB 2A快充） </h3>
                            <p class="item-info">3个USB充电口，支持快充</p>
                            <p class="item-price">
                                <span class="present-price">59元</span>
                                <span class="primary-price"></span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/配件5.webp" class="pic" alt="">
                            <h3 class="item-name">米家魔方转换器</h3>
                            <p class="item-info">方寸之间，能量无限</p>
                            <p class="item-price">
                                <span class="present-price">59元</span>
                                <span class="primary-price"></span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/配件6.webp" class="pic" alt="">
                        </li>
                        <li class="item">
                            <img src="./img/配件7.webp" class="pic" alt="">
                            <h3 class="item-name">米家插线板 快充版 27W</h3>
                            <p class="item-info">安全的大功率快充插线板</p>
                            <p class="item-price">
                                <span class="present-price">69元</span>
                                <span class="primary-price"></span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/配件8.webp" class="pic" alt="">
                            <h3 class="item-name">米家筋膜枪</h3>
                            <p class="item-info">米家筋膜枪 </p>
                            <p class="item-price">
                                <span class="present-price">499元</span>
                                <span class="primary-price"></span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/配件9.jpg" class="pic" alt="">
                            <h3 class="item-name">米家插线板6位基础版（含3口USB 2A快充）</h3>
                            <p class="item-info">小巧设计，便捷不占地儿</p>
                            <p class="item-price">
                                <span class="present-pric">69元</span>
                                <span class="primary-price"></span>
                            </p>
                        </li>
                        <li class="item-last">
                            <ul>
                                <li>
                                    <div class="item-info">
                                        <h3 class="item-name">小米车载充电器快充版</h3>
                                        <img src="./img/配件10.webp" alt="">
                                    </div>
                                    <span class="price">69元</span>
                                </li>
                                <li>
                                    <div class="item-info">
                                        <h3 class="item-name">
                                            <p class="item-more">浏览更多</p>
                                            <p class="hot-item">热门</p>
                                        </h3>
                                        <i class="iconfont  icon-youjiantou"></i>
                                    </div>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 周边 -->
            <div class="c-item2 c-item">
                <div class="item-title">
                    <div class="title-txt">周边</div>
                    <div class="more fs16">
                        <ul>
                            <li class="active">热门</li>
                            <li>出行</li>
                        </ul>
                    </div>
                </div>
                <div class="item-con active clear_fix">
                    <ul class="items">
                        <li class="item">
                            <img src="./img/周边1.webp" class="pic" alt="">
                        </li>
                        <li class="item">
                            <img src="./img/周边2.webp" class="pic" alt="">
                            <h3 class="item-name">米家声波电动牙刷T300</h3>
                            <p class="item-info">31000次/分钟震动，刷的干净</p>
                            <p class="item-price">
                                <span class="present-price">99元</span>
                                <span class="primary-price"></span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/周边3.webp" class="pic" alt="">
                            <h3 class="item-name">米家声波电动牙刷T500</h3>
                            <p class="item-info">刷的干净、智能护齿</p>
                            <p class="item-price">
                                <span class="present-price">169元</span>
                                <span class="primary-price">179元</span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/周边4.webp" class="pic" alt="">
                            <h3 class="item-name"> 米家声波电动牙刷T700</h3>
                            <p class="item-info">米家声波电动牙刷T700</p>
                            <p class="item-price">
                                <span class="present-price">369元</span>
                                <span class="primary-price">399元</span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/周边5.webp" class="pic" alt="">
                            <h3 class="item-name">米家声波电动牙刷T700</h3>
                            <p class="item-info">陶瓷净须，开局之作</p>
                            <p class="item-price">
                                <span class="present-price">399元</span>
                                <span class="primary-price">499元</span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/周边6.webp" class="pic" alt="">
                        </li>
                        <li class="item">
                            <img src="./img/周边7.webp" class="pic" alt="">
                            <h3 class="item-name">米家电动剃须刀S100</h3>
                            <p class="item-info">浮动双刀头 全身水洗</p>
                            <p class="item-price">
                                <span class="present-price">78元</span>
                                <span class="primary-price">79元</span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/周边8.webp" class="pic" alt="">
                            <h3 class="item-name">米家电动剃须刀S500 </h3>
                            <p class="item-info">浮动贴面更干净，减压设计更舒适</p>
                            <p class="item-price">
                                <span class="present-price">169元</span>
                                <span class="primary-price">199元</span>
                            </p>
                        </li>
                        <li class="item">
                            <img src="./img/周边9.webp" class="pic" alt="">
                            <h3 class="item-name">米家电动剃须刀S300</h3>
                            <p class="item-info">青年“无须”新选择</p>
                            <p class="item-price">
                                <span class="present-price">99元</span>
                                <span class="primary-price"></span>
                            </p>
                        </li>
                        <li class="item-last">
                            <ul>
                                <li>
                                    <div class="item-info">
                                        <h3 class="item-name">日常元素抽纸 青春版 24包/箱</h3>
                                        <img src="./img/周边10.webp" alt="">
                                    </div>
                                    <span class="price">25.9元</span>
                                </li>
                                <li>
                                    <div class="item-info">
                                        <h3 class="item-name">
                                            <p class="item-more">浏览更多</p>
                                            <p class="hot-item">热门</p>
                                        </h3>
                                        <i class="iconfont  icon-youjiantou"></i>
                                    </div>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="c-ad">
                <img src="./img/c-ad2.webp" alt="">
            </div>

            <!-- 视频 -->
            <div class="c-item3 c-item">
                <div class="item-title">
                    <div class="title-txt">视频</div>
                    <div class="more fs16">
                        <span>查看全部</span>
                        <i class="iconfont icon-right-circle-fill"></i>
                    </div>
                </div>
                <div class="item-con active clearfix">
                    <ul class="items fl">
                        <a href="#">
                            <li>
                                <img src="./img/shiping1.webp" alt="">
                                <h3 class="video-name">2021年春季新品发布会第一场</h3>
                                <p class="video-info"></p>
                                <span> <i class="iconfont  icon-shipinbofang-"></i></span>

                            </li>
                        </a>
                        <a href="#">
                            <li>
                                <img src="./img/shiping2.webp" alt="">
                                <h3 class="video-name">2021年春季新品发布会第一场</h3>
                                <p class="video-info">Redmi 10X系列发布会 </p>
                                <span><i class="iconfont  icon-shipinbofang-"></i></span>

                            </li>
                        </a>
                        <a href="#">
                            <li>
                                <img src="./img/shiping3.webp" alt="">
                                <h3 class="video-name">2021年春季新品发布会第一场</h3>
                                <p class="video-info"></p>
                                <span><i class="iconfont  icon-shipinbofang-"></i></span>

                            </li>
                        </a>
                        <a href="#">
                            <li>
                                <img src="./img/shiping4.webp" alt="">
                                <h3 class="video-name">2021年春季新品发布会第一场</h3>
                                <p class="video-info"></p>
                                <span> <i class="iconfont  icon-shipinbofang-"></i></span>

                            </li>
                        </a>
                    </ul>
                </div>
            </div>

        </div>
    </section>
    <!-- 工具栏 -->
    <section class="home-tool">
        <ul>
            <li>
                <i class="iconfont icon-shouji"></i>
                <span>手机App</span>
                <div class="mi-app">
                    <img src="./img/mi-app.png" alt="">
                    <span>
                        扫码领取新人百元礼包
                    </span>
                </div>
            </li>
            <li>
                <i class="iconfont  icon-yonghu"></i>
                <span>个人中心</span>
            </li>
            <li>
                <i class="iconfont  icon-gongju"></i>
                <span>售后服务</span>
            </li>
            <li>
                <i class="iconfont icon-kefu"></i>
                <span>人工客服</span>
            </li>
            <li>
                <a href="javascript:;">
                    <i class="iconfont  icon-gouwuche"></i>
                    <span>购物车</span>
                </a>
            </li>
        </ul>
        <ul>
            <li>
                <i class="iconfont  icon-top"></i>
                <span>回顶部</span>
            </li>
        </ul>
    </section>

    <script src="./js/jquery.min.js"></script>
    <script src="./js/main.js"></script>
    <script src="./js/swiper copy.js"></script>
</body>

</html>